#bg-video-box {
		      margin: 0; padding: 0;
		      position: relative;
		      height: 100%;
		      width: 100%;
		      float: none;
		    }

		    #container {
		      overflow: hidden;
		      position: absolute;
		      top: 0; left: 0px; right: 0; bottom: 0;
		    }

		    #background_video {
		      position: absolute;

		      top: 50%; left: 50%;
		      -webkit-transform: translate(-50%, -50%);
		      transform: translate(-50%, -50%);

		      -o-object-fit: cover;

		      object-fit: cover;
		      height: 100%;
		      width: 100%;
		    }

		    #video_cover {
		      position: absolute;

		      width: 100%; height: 100%;
		      background-size: cover;
		      background-position: center;
		      background-repeat: no-repeat;
		    }

		    #video_controls {
		      position: absolute;
		      left: 50%;
		      -webkit-transform: translate(-50%, 0);
		      transform: translate(-50%, 0);
		    }

		    #play img {
		      width: 100px;
		    }
		    #pause img {
		      width: 90px;
		    }
		    #pause {
		      display: none;
		    }

		    @media (min-width: 768px) {
		      #video_controls {
		        display: none;
		      }
		    }

		    /* Demo page specific styles */

		    #bg-video-box {
		      text-align: center;
		      font-family: 'proxima-nova', Helvetica;
		    }

		    #container {
		      height: 100%;
		    }

		    #overlay {
		      position: absolute;
		      top: 0; right: 0; left: 0; bottom: 0;
		      background: rgba(0,0,0,0.5);
		      -webkit-transition: color,0.8s, ease;
			    transition: color,0.8s, ease;
		    }

		    #main_content {
		      z-index: 2;
		      position: relative;
		      display: inline-block;

		      /* Vertical center */
		      top: 50%;
		      -webkit-transform: translateY(-50%);
		      transform: translateY(-50%);
		    }

		    #main_content h1 {
		      text-transform: uppercase;
		      font-weight: 600;
		      font-family: 'proxima-nova-condensed', Helvetica;
		      color: #fff;
		      font-size: 35px;
		    }

		    #main_content .sub_head {
		      color: rgba(255,255,255,0.5);
		      font-size: 18px;
		    }

		    #main_content .info {
		      color: rgba(255,255,255,0.5);
		      font-size: 12px;
		      margin-top: 10px;
		    }

		    #links {
		      margin-top: 50px;
		    }

		    #links a {
		      border: 2px solid rgba(255,255,255,0.20);
		      border-radius: 61px;
		      font-size: 12px;
		      color: #FFFFFF;
		      letter-spacing: 1px;
		      text-decoration: none;
		      text-transform: uppercase;
		      padding: 10px 25px;
		      display: inline-block;
		      margin-right: 15px;
		    }

		    #footer {
		      position: absolute;
		      bottom: 0; left: 0; right: 0;
		    }
		    #footer a {
		      color: rgba(255,255,255,0.5);
		      text-decoration: none;
		      margin: 10px;
		      font-size: 12px;
		    }
		    #footer a:first-child {
		      float: left;
		    }
		    #footer a:last-child {
		      float: right;
		    }
		    #video_controls{
					color: #f9f9f9;
					position: absolute;
					left: 50px;
					bottom: 20px;
					cursor: pointer;
					transition: all .5s;
					-o-transition: all .5s;
					-webkit-transition: all .5s;
					-ms-transition: all .5s;
					-moz-transition: all .5s;
				}